<script lang="ts">
    import DateTimePane from "./DateTimePane.svelte";

    const { value, ...props } = $props();
    const val1 = $derived(props.value && props.value[0]);
    const val2 = $derived(props.value && props.value[1]);
</script>

<DateTimePane name="start" value={val1} {...props} />
<DateTimePane name="end" value={val2} {...props} />
